<!DOCTYPE HTML>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="author" content="phihung" />
  
    <link rel="stylesheet" type="text/css" href="FrameWorkcss/import.css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="js/jquery-1.7.1.min.js"></script>
    
       <script src="js/slides.min.jquery"></script>
   <script src="js/jquery_nav.js"></script>
   <script src="js/jquery-shownav.js"></script>
   	<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'images/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true
			});
		});
	</script>
   
   
   
   <title>Trang Chu</title>
</head>

<body id="home">
<div id="header">
<div class="ym-grid" id="top-bar">
    <a href="#" id="logo">link</a> 
    <div class="show-menu"><a href="#" class="smenu" ><img src="images/iconmenu.png" alt=""/></a>
                      <a href="#" class="ssearch"><img src="images/iconsearch2.png" alt=""/></a>
    </div>
    <div class="search ">
     
     
       <ul>
     
       <li><a href="#"><img src="images/f_symbol.png"  alt=""/></a></li>
           <li><a href="#"><img src="images/g_symbol.png"  alt=""/></a></li>
           <li><a href="#"><img src="images/m_symbol.png"  alt=""/></a></li>
           <li><a href="#"><img src="images/t_symbol.png"  alt=""/></a></li>
       
       </ul>
       <span class="input showsearch"><span>
       <input type="image" src="images/iconsearch.png" name="">
       <input name="" class="iconsearch" type="search" value="Search ..." onBlur="if (this.value=='')this.value='Search ...';" onFocus="if (this.value=='Search ...') this.value='';" onKeyUp="telexingVietUC(this,event);" /></span></span>
  
    </div>

</div><!--End top-bar-->
<div class="ym-grid">
 <div class="main-nav showmenu" >
 
<div class="list ym-vlist">
            	<ul>
                	<li><a href="#product">Products</a>
                    <div class="drop-menu" id="product">
                    	<div class="sub-menu ym-g25 ym-gl">
                        <div class="ym-wbox">
                        <h2>Windows</h2>
                        	<ul>
                            	<li><a href="#">All Windows products</a></li>
                                <li><a href="#">Windows 8</a></li>
                                <li><a href="#">Windows Server</a></li>
                            </ul>
                         <h2>Office</h2>
                        	<ul>
                            	<li><a href="#">All Office products</a></li>
                                <li><a href="#">Office 2010</a></li>
                                <li><a href="#">Office 365</a></li>
                            </ul>
                            </div>
                        </div>
                        <div class="sub-menu ym-g25 ym-gl">
                        	<div class="ym-wbox">
                        <h2>More Products</h2>
                        	<ul>
                            	<li><a href="#">All Windows products</a></li>
                                <li><a href="#">Windows 8</a></li>
                                <li><a href="#">Windows Server</a></li>
                            </ul></div>
                        </div>
                        <div class="sub-menu ym-g25 ym-gl"><div class="ym-wbox">
                        <h2>Giải pháp cho doanh nghiệp</h2>
                        	<ul>
                            	<li><a href="#">Tất cả sản phẩm máy chủ</a></li>
                                <li><a href="#">Tìm kiếm đối tác</a></li>
                                <li><a href="#">Mạng đối tác</a></li>
                                <li><a href="#">EMR & CMR của Microsoft Dynamics</a></li>
                                <li><a href="#">Dịch vụ đám mây</a></li>
                                <li><a href="#">Cong ti cỡ vừa và nhỏ</a></li>
                                <li><a href="#">Microsoft trong doanh nghiệp</a></li>
                                <li><a href="#">Cấp phép Số lượng lớn</a></li>
                                
                            </ul>
                        </div></div>
                        <div class="sub-menu ym-g25 ym-gl"><div class="ym-wbox">
                        <h2>Developers & IT Pros</h2>
                        	<ul>
                            	<li><a href="#">All Windows products</a></li>
                                <li><a href="#">Windows 8</a></li>
                                <li><a href="#">Windows Server</a></li>
                            </ul>
                        </div></div>
                    </div>
                    </li>
                    <li><a href="#download">Service</a>
                    	<div class="drop-menu" id="download">
                    	<div class="sub-menu ym-g25 ym-gl">
                        <div class="ym-wbox">
                        <h2>Windows</h2>
                        	<ul>
                            	<li><a href="#">All Windows products</a></li>
                                <li><a href="#">Windows 8</a></li>
                                <li><a href="#">Windows Server</a></li>
                            </ul>
                         <h2>Office</h2>
                        	<ul>
                            	<li><a href="#">All Office products</a></li>
                                <li><a href="#">Office 2010</a></li>
                                <li><a href="#">Office 365</a></li>
                            </ul>
                            </div>
                        </div>
                        <div class="sub-menu ym-g25 ym-gl">
                        	<div class="ym-wbox">
                        <h2>More Downloads</h2>
                        	<ul>
                            	<li><a href="#">All Windows products</a></li>
                                <li><a href="#">Windows 8</a></li>
                                <li><a href="#">Windows Server</a></li>
                            </ul></div>
                        </div>
                       
                    </div>
                    </li>
                    <li><a href="#safe">News</a>
                         <div class="drop-menu" id="safe">
                            <div class="sub-menu ym-g25 ym-gl">
                              <div class="ym-wbox">
                               <h2>Security & updates</h2>
                                    <ul>
                                        <li><a href="#">All Windows products</a></li>
                                        <li><a href="#">Windows 8</a></li>
                                        <li><a href="#">Windows Server</a></li>
                                        <li><a href="#">All Office products</a></li>
                                        <li><a href="#">Office 2010</a></li>
                                        <li><a href="#">Office 365</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="#support">Abount</a>
                    	 <div class="drop-menu" id="support">
                            <div class="sub-menu ym-g25 ym-gl">
                              <div class="ym-wbox">
                               <h2>Product Support</h2>
                                    <ul>
                                        <li><a href="#">All Windows products</a></li>
                                        <li><a href="#">Windows 8</a></li>
                                        <li><a href="#">Windows Server</a></li>
                                        <li><a href="#">All Office products</a></li>
                                        <li><a href="#">Office 2010</a></li>
                                        <li><a href="#">Office 365</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                
                </ul>
            </div>     
 </div>

</div><!--End main-nav-->
</div><!--End header-->

<div id="slide-show">
    <div class="ym-grid" id="layer1">
       <div class="ym-grid" id="layer2">
        <div class="ym-grid" id="layer3">
             <div class="slide_container">
             
             
	<div id="container">
		<div id="example">
			
			<div id="slides">
				<div class="slides_container">
					<a href="#" title="" target="_blank"><img src="images/slide-1.jpg" width="570" height="270" alt="Slide 1"></a>
					<a href="#" title="" target="_blank"><img src="images/slide-2.jpg" width="570" height="270" alt="Slide 2"></a>
					<a href="#" title=" " target="_blank"><img src="images/slide-4.jpg" width="570" height="270" alt="Slide 3"></a>
					<a href="#" title="" target="_blank"><img src="images/slide-3.jpg" width="570" height="270" alt="Slide 4"></a>
					<a href="#" title="" target="_blank"><img src="images/slide-5.jpg" width="570" height="270" alt="Slide 5"></a>
					<a href="#" title="" target="_blank"><img src="images/slide-6.jpg" width="570" height="270" alt="Slide 6"></a>
					<a href="#" title="" target="_blank"><img src="images/slide-7.jpg" width="570" height="270" alt="Slide 7"></a>
				</div>
				<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
				<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
			</div>
			
		</div>
		
	</div>
             </div>
    
    
    </div>
    
    </div> 
    
    </div>


</div><!--End slide-show-->

    <div class="ym-column">
    <div id="main-content">
     <div class="ym-col1" id="left-nav"><div class="ym-cbox">
        <h1>Khám phá</h1>
        <ul>
        <li><a href="#">Windows</a></li>
        <li><a href="#">Offices</a></li>
        <li><a href="#">Window Phone</a></li>
        <li><a href="#">Skype</a></li>
        <li><a href="#">Bing</a></li>
        </ul>
        <span></span>
     
     </div></div><!--End col1-->
     <div class="ym-col3"><div class="ym-cbox padding0">
       <div id="title"><h1>Cho Gia Đình</h1><a href="#">Cho Công việc</a></div>
       <div class="row-content ym-grid">
       <div class="shadow">
          <div class="row-unit">
             <a href="#"><span>Webside</span> Doanh Nghiệp<br /><br /><img src="images/product1.png"  alt=""/></a>
             <p>Một giải pháp lý tưởng cho bất kì doanh nghiệp nào càn một website trình bày về toàn bộ thông tin chung và sản phẩm dịch vụ của công ty</p>
          
          </div></div>
           <div class="shadow">
          <div class="row-unit">
             <a href="#"><span>Webside</span> Bán hàng <br /><br /><img src="images/product2.png" alt=""/></a>
             <p>Dành cho các Doanh nghiệp có nhu cầu bán hàng trực tuyến.Với sự trợ giúp đắc lực của các Module quản lý sản phẩm,hàng hóa,Module thanh toán ....</p>
          
          </div></div>
           <div class="shadow">
             <div class="row-unit">
             <a href="#"><span>Webside</span> Giá rẻ  <br /><br /><img src="images/product3.png" alt=""/></a>
             <p>Bạn đang muốn sở hữu một website để bắt đầu việc kinh doanh của mình trên Internet ?Nhưng bạn đang eo hẹp về kinh phí ?</p>
          
          </div></div>
           <div class="shadow">
           <div class="row-unit ">
             <a href="#"><span>Webside</span> Bán hàng <br /><br /><img src="images/product2.png" alt=""/></a>
             <p>Dành cho các Doanh nghiệp có nhu cầu bán hàng trực tuyến.Với sự trợ giúp đắc lực của các Module quản lý sản phẩm,hàng hóa,Module thanh toán ....</p>
          
          </div></div>
           <div class="shadow">
           <div class="row-unit">
             <a href="#"><span>Webside</span> Bán hàng <br /><br /><img src="images/product1.png" alt=""/></a>
             <p>Dành cho các Doanh nghiệp có nhu cầu bán hàng trực tuyến.Với sự trợ giúp đắc lực của các Module quản lý sản phẩm,hàng hóa,Module thanh toán ....</p>
          
          </div></div>
           <div class="shadow">
           <div class="row-unit">
             <a href="#"><span>Webside</span> Bán hàng <br /><br /><img src="images/product2.png" alt=""/></a>
             <p>Dành cho các Doanh nghiệp có nhu cầu bán hàng trực tuyến.Với sự trợ giúp đắc lực của các Module quản lý sản phẩm,hàng hóa,Module thanh toán ....</p>
          
          </div></div>
           <div class="shadow">
           <div class="row-unit">
             <a href="#"><span>Webside</span> Bán hàng <br /><br /><img src="images/product3.png" alt=""/></a>
             <p>Dành cho các Doanh nghiệp có nhu cầu bán hàng trực tuyến.Với sự trợ giúp đắc lực của các Module quản lý sản phẩm,hàng hóa,Module thanh toán ....</p>
          
          </div></div>
           <div class="shadow">
        <div class="row-unit">
             <a href="#"><span>Webside</span> Bán hàng  <br /><br /><img src="images/product2.png" alt=""/></a>
             <p>Dành cho các Doanh nghiệp có nhu cầu bán hàng trực tuyến.Với sự trợ giúp đắc lực của các Module quản lý sản phẩm,hàng hóa,Module thanh toán ....</p>
          
          </div></div>
       </div><!--End row-content-->
     
     
     </div></div><!--End col3-->
    </div>
</div><!--End main-content-->
<div id="slide-bottom">
 <div class="ym-grid"></div>

</div><!--End slidebottom-->

  <div class="ym-column background">
  <div id="second-content">
     <div class="ym-col1"><div class="ym-cbox" id="second-nav">
         <h1>Other Microsoft sites</h1>
         <ul>
           <li><a href="#" id="sym1">Windows</a></li>
           <li><a href="#" id="sym2">Office</a></li>
           <li><a href="#" id="sym3">Surface</a></li>
           <li><a href="#" id="sym4">Windows Phone</a></li>
           <li><a href="#" id="sym5">Xbox</a></li>
           <li><a href="#" id="sym6">Skype</a></li>
           <li><a href="#" id="sym7">Bing</a></li>
           <li><a href="#" id="sym8">Microsoft Store</a></li>
         </ul>
     
     
     </div></div><!--End col1-->
     <div class="ym-col3 width-1024"><div class="ym-cbox over">
    <div class="nav-1">
       <div class="row-unit2"><h4>Downloads</h4>
              <a href="#">Download Center</a>
                <a href="#">Windows downloads</a>
                  <a href="#">Office downloads</a>
       
       </div>
      <div class="row-unit2 right" ><h4>Support</h4>
              <a href="#">Support</a>
                <a href="#">Knowledge base</a>
       </div>
</div>  
<div class="nav-1">
          <div class="row-unit2"><h4>Security</h4>
              <a href="#">Security</a>
                <a href="#">Microsoft Security Essentials</a>

       
       </div>
        <div class="row-unit2"><h4>Abount</h4>
              <a href="#">Microsoft</a>
                <a href="#">Careens</a>
                <a href="#">Company News</a>
                <a href="#">Investor relations</a>
                <a href="#">Site Map</a>
       </div>
   </div>
       
         <div class="row-unit2" id="right"><h4>Popular</h4>
              <a href="#">Windows RT</a>
                <a href="#">PC and Laptops</a>
                  <a href="#">Tablet and Computers</a>
                <a href="#">Windows Phone smartphones</a>
                 <a href="#">Windows Phone apps and games</a>
                  <a href="#">Microsoft computer security</a>
                   <a href="#">Malware removal tool</a>
                    <a href="#">Microsoft Dynamics CRM Online</a>
       </div>
     
     </div></div><!--End col3-->
    </div>

</div><!--End second-content-->

<div id="footer">
<div class="logo-bottom"><a href="#"></a></div>
<div class="sitemap"><ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy & Cookies</a></li>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Trademark</a></li>
<li><span>2012 Microsoft</span></li>
</ul></div>

</div><!--End footer-->


</body>
</html>